<!DOCTYPE html>
<html lang="ch-ZN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>店铺_首页</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
  <script src="../../lib/js/flexible.js"></script>
</head>
<style>
  .shop-i-head {
    height: 3.10185rem;
  }
  
  .shop-i-content {
    top: 4.89rem;
  }
  
  .cate {
    color: #ffffff !important;
  }
  
  .icon-category-product {
    background-image: url(../../img/category_w.png) !important;
    margin-bottom: .1rem;
  }
  
  .icon-back-product {
    background-image: url(../../img/back_arr_w.png) !important;
  }
</style>

<body>
  <div id="shop_i" class="app-wrap" v-cloak>
    <div class="shop-i-fixed">
      <!-- 店铺信息 -->
      <div class="shop-i-head">
        <img class="bg-img" :src="shopInfo.backgroundImg">

        <div class="top">
          <div class="top-left">
            <div class="icon-back-product"></div>
            <div class="search">
              <i></i>
              <input type="text" placeholder="9.9时尚秒杀日，限量抢">
            </div>
          </div>
          <a href="../product/product_category.html">
            <div class="cate">
              <i class="icon-category-product"></i> 分类
            </div>
          </a>
        </div>
        <div class="shop-info">
          <img class="shop-logo" :src="shopInfo.shopLogo">
          <div class="shop-name">
            <p class="line1" v-text="shopInfo.shopName"></p>
            <p class="line2">
              <a class="shop-contact" href="javascript:;" @click="contactSeller">
                <i></i> 联系卖家
              </a>
            </p>
          </div>
        </div>
        <div class="shop-love">
          <div class="fans"><span>{{shopInfo.fans}}</span><span>粉丝</span></div>
          <div class="love-btn" @click="loveShop()">
            <i class="icon-shop-temp-love"></i>
            <span>{{shopInfo.follow>0?"已关注":"关注"}}</span>
          </div>
        </div>
      </div>
      <!-- 分类 -->
      <div class="shop-i-type">
        <a class="item active">
          <i class="home-icon"></i>
          <p class="txt2">店铺首页</p>
        </a>
        <a class="item" href="./shop_common.html?type=all">
          <p class="txt1">{{shopInfo.allProductNum}}</p>
          <p class="txt2">全部商品</p>
        </a>
        <a class="item" href="./shop_common.html?type=cuxiao">
          <p class="txt1">{{shopInfo.saleProductNum}}</p>
          <p class="txt2">促销</p>
        </a>
        <a class="item" href="./shop_common.html?type=new">
          <p class="txt1">{{shopInfo.newProductNum}}</p>
          <p class="txt2">上新</p>
          <i class="dot"></i>
        </a>
      </div>
    </div>
    <div class="shop-i-content">
      <div class="bg-gary shop-i-con1">
        <!-- 优惠券 -->
        <div class="shop-i-coupon">
          <div class="item" :class='[item.status==1?"ok":""]' v-for="(item,index) in coupon_list" @click="getCoupons(index)" :key="index">
            <div class="left">
              <p>
                <span class="unit">￥</span>
                <span class="price">{{item.faceValue}}</span>
              </p>
              <p class="condition">满{{item.useCondition}}元可用</p>
            </div>
            <div class="right">
              <p class="line1">优惠券</p>
              <p class="line2">点击领取</p>
            </div>
          </div>
        </div>
        <!-- 顶部大图 -->
        <div class="top-img">
          <img v-for="(item,index) in top_img.shopPictUrlList" :src="item.url" :key="index">
        </div>
      </div>
      <div class="bg-gary">
        <!-- 热销尖货 -->
        <div class="shop-i-con2">
          <div class="shop-i-type-head">
            <img src="../../img/shop_01.png">
          </div>
          <div class="img1">
            <img :src="hot_list_topImg.url">
          </div>

          <div class="img2">
            <div class="item" v-for="item in hot_list_otImg">
              <img :src="item.url">
            </div>
          </div>

        </div>
        <!-- 广告 -->

        <div class="adv"></div>

        <!-- 当季新品 -->
        <div class="shop-i-con2">
          <div class="shop-i-type-head">
            <img src="../../img/shop_02.png">
          </div>
          <div class="img1">
            <img :src="new_list_topImg.url">
          </div>
          <div class="img2">
            <div class="item" v-for="item in new_list_otImg">
              <img :src="item.url">
            </div>
          </div>
        </div>
        <!-- 产品列表1 -->
        <div class="shop-i-con2">
          <div class="shop-i-pro-head">
            {{pro_list1.content}}
            <i></i>
          </div>
          <div class="shop-i-pro-list">
            <div v-for="item in pro_list1.shopPictUrlList" class="item">
              <div class="img-box">
                <img :src="item.url">
              </div>
              <p class="title">{{item.productDesciption}}</p>
              <p>
                <span class="sell-price">¥{{item.currentPrice}}</span>
                <del class="ori-price">¥{{item.previousPrice}}</del>
              </p>
            </div>
          </div>
        </div>
        <!-- 产品列表2 -->
        <div class="shop-i-con2">
          <div class="shop-i-pro-head">
            {{pro_list2.content}}
            <i></i>
          </div>
          <div class="shop-i-pro-list">
            <div v-for="item in pro_list2.shopPictUrlList" class="item">
              <div class="img-box">
                <img :src="item.url">
              </div>
              <p class="title">{{item.productDesciption}}</p>
              <p>
                <span class="sell-price">¥{{item.currentPrice}}</span>
                <del class="ori-price">¥{{item.previousPrice}}</del>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/js/fastclick.js"></script>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    shop_i();
  </script>
</body>

</html>